// 上面这个代码处理过度动画（默认加上不用管）
document.addEventListener('DOMContentLoaded', () => {
  setTimeout(() => {
    document.body.classList.add('sidenav-pinned')
    document.body.classList.add('ready')
  }, 200)
})



// Ajax请求根路径
axios.defaults.baseURL = 'http://ajax-api.itheima.net'

// 全局默认加请求头这样写
// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN

const token = localStorage.getItem('token')

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 再拦截器里面这样写
  config.headers['Authorization'] = token
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})


// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  return response
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  // console.dir(error)

  if (error.response) {

    const { response: { data, status } } = error


    if (data.message === 'token验证失败' && status === 401) {

      // alert(11)
      message.error(data.message)

      // 说明token过期了，总之token不能用了
      localStorage.removeItem('token')

      setTimeout(() => {
        location.href = './login.html'
      }, 1500)
      return

    }

  }


  return Promise.reject(error)
})

const username = document.querySelector('#username')

if (username) {
  username.innerHTML = localStorage.getItem('username')
}

// 点击退出
const btn = document.querySelector('#logout')?.addEventListener('click', function () {

  message.confirm('提示', '你确定要退出吗？', res => {
    if (res) {
      // 清除本地存储中的user-name 和 user-token
      localStorage.removeItem('username')
      localStorage.removeItem('token')
      // 跳转到登录页
      location.href = './login.html'
    }
  })

})

